.navbar
  .navbar-inner
    .left.sliding
      a(href="index.html").back.link
        i.icon.icon-back
        span Back
    .center.sliding Hide Navbar & Toolbar
    .right
      a(href="#").open-panel.link.icon-only
        i.icon.icon-bars
.pages.navbar-through
  .page(data-page="hide-navbar-toolbar")
    .page-content
      .content-block
        .content-block-inner
          p Sometimes you may need to hide top Navbar or bottom Toolbar. Framework7 allows this by adding additional classes to pages. Check examples:
      .list-block
        ul
          li
            a(href="bars-no-navbar.html").item-link
              .item-content
                .item-media
                  i.icon.icon-f7
                .item-inner 
                  .item-title Hide Navbar
          li
            a(href="bars-no-toolbar.html").item-link
              .item-content
                .item-media
                  i.icon.icon-f7
                .item-inner 
                  .item-title Hide Toolbar
          li
            a(href="bars-no-navbar-toolbar.html").item-link
              .item-content
                .item-media
                  i.icon.icon-f7
                .item-inner 
                  .item-title Hide Both